<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>outerHTML</title>
		<script type="text/javascript">
			// var   /vɑr/
			// alert   /əˈlɜːrt/
			// document  /ˈdɒkjumənt/ 
			// onload   /ˌɒnˈləʊd/
			// getElementById   /ɡet  elɪmənt  baɪ  ˌaɪ ˈdiː/ 
			// outerHTML    /aʊtər  HTML/
			
			//outerHTML 作用是获取标签将的内容，包括标签本身，标签内部的其他标签也会被获取，和innerHTML差不多，就是比innerHTML多了标签本身
			
			window.onload = function(){
				var Odiv = document.getElementById("div1");
				alert(Odiv.outerHTML);           //<div id="div1">div文本<em>em文本</em><strong>strong文本</strong></div>
				alert(typeof Odiv.outerHTML);    //string
				
				//用下面这种方式赋值，能把div整个标签全部覆盖为 <h1>这是h1</h1>
				//【注】这种方式赋值会解析标签 ，如下<h1>会被解析，而不是像是<h1>这是h1</h1>
				Odiv.outerHTML = "<h1>这是h1</h1>";
			}
		</script>
	</head>
	<body>
		<div id="div1">div文本<em>em文本</em><strong>strong文本</strong></div>
	</body>
</html>
